<template>
    <div style="width: 100%;height: fit-content;display: flex">
        <el-menu
            background-color="transparent"
            active-text-color="#FF6700"
            :default-openeds="['2','3','4']"
            :router="true"
            style="border: 0!important;width: 100%"
        >
            <el-menu-item index="/manage">
                <i class="iconfont icon-home"></i>
                <span>首页</span>
            </el-menu-item>
            <el-sub-menu index="2">
                <template #title>
                    <i class="iconfont icon-check-circle"></i>
                    <span>资源管理</span>
                </template>
                <el-menu-item index="/manage/resource">

                    <span>管理资料</span>
                </el-menu-item>
                <el-menu-item index="/share">

                    <span>分享资料</span>
                </el-menu-item>
            </el-sub-menu>
            <el-sub-menu index="3">
                <template #title>
                    <i class="iconfont icon-book"></i>
                    <span>内容管理</span>
                </template>
                <el-menu-item index="/manage/article">

                    <span>文章管理</span>
                </el-menu-item>
                <el-menu-item index="/manage/comment">

                    <span>评论管理</span>
                </el-menu-item>
                <el-menu-item index="/manage/group">

                    <span>专栏管理</span>
                </el-menu-item>
            </el-sub-menu>
            <el-sub-menu index="4">
                <template #title>
                    <i class="iconfont icon-user"></i>
                    <span>个人信息</span>
                </template>
                <el-menu-item index="/manage/user">
                    <i class="iconfont icon-adduser"/>
                    <span>个人资料</span>
                </el-menu-item>
                <el-menu-item index="/manage/account">
                    <i class="iconfont icon-safetycertificate"/>
                    <span>账号设置</span>
                </el-menu-item>
            </el-sub-menu>
            <el-menu-item index="/manage/setting">
                <i class="iconfont icon-setting"/>
                <span>设置</span>
            </el-menu-item>
        </el-menu>
    </div>
</template>

<script>
export default {
    name: "WebMenu"
}
</script>

<style scoped>
span{
    font-size: 12pt;
}
</style>
